<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>源码大数据-首页</title>
		<!-- 1.引入重置样式表 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2.引入常态化样式表 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3.引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 5.引入当前页面样式 -->
		<link rel="stylesheet" href="../css/api-detail.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-c-sb b-box abs">
			<!-- logo图 -->
			<a href="#">
				<h1></h1>
			</a>
			<!-- 导航列表 -->
			<ul class="fc-black">
				<li>
					<a href="./index.html">首页</a>
				</li>
				<li class="active">
					<a href="./api-index.html">API</a>
				</li>
				<li>
					<a href="./api-index.html">云服务</a>
				</li>
				<li>
					<a href="./customer.html">案例</a>
				</li>
				<li>
					<a href="./api-index.html">开发者</a>
				</li>
			</ul>
			<!-- 登录按钮 -->
			<div>
				<span class="fc-black">登录</span>
				<span class="fc-white">注册有礼</span>
			</div>
		</header>
		<!-- 头部占位符 -->
		<section id="header"></section>
		<!-- 主体 -->
		<main>
			<!-- banner图粒子图 -->
			<section id="banner" class="rel">
				<!-- 粒子背景图 -->
				<div id="bannerBg" class="abs"></div>
				<!-- 图文区 -->
				<div class="container">
					<div id="bannerCont" class="abs flex">
						<!-- 左边图片 -->
						<div id="bannerContPic">
							<img src="../imgs/API详情页_11.jpg" alt="图片已损坏" />
							<ul class="flex-c-sb">
								<li>
									<img src="../imgs/API详情页_smallicon_01.jpg" alt="" />
									<p>103</p>
								</li>
								<li>
									<img src="../imgs/API详情页_smallicon_02.jpg" alt="" />
									<p>14245</p>
								</li>
								<li>
									<img src="../imgs/API详情页_smallicon_03.jpg" alt="" />
									<p>623</p>
								</li>
							</ul>
						</div>
						<!-- 右边文字 -->
						<div id="bannerContText">
							<!-- 第一行 -->
							<div class="mb-10">
								<strong>身份证实名认证</strong>
								<span>支持HTTPS</span>
								<span>企业专用</span>
							</div>
							<!-- 第二行 -->
							<ul class="flex mb-10">
								<li>
									<img src="../imgs/API03.jpg" alt="图片已损坏" />
									<span>限企业实名用户使用</span>
								</li>
								<li>
									<img src="../imgs/API08.jpg" alt="图片已损坏" />
									<span>限企业实名用户使用</span>
								</li>
								<li>
									<img src="../imgs/API05.jpg" alt="图片已损坏" />
									<span>限企业实名用户使用</span>
								</li>
							</ul>
							<!-- 第三行 -->
							<p class="fz-12 mb-10">检测姓名和身份证号是否一致,身份证验证.</p>
							<!-- 第四行tab区 -->
							<ul id="tab" class="flex mb-10">
								<li class="default rel">
									<img src="../imgs/API详情页_17.jpg" alt="图片已损坏" />
									扫码测试
									<div class="abs">
										<img src="../imgs/wechat-white.png" alt="图片已损坏" />
										<p>请扫码关注</p>
									</div>
								</li>
								<!-- <li class="active">4000次</li>
								<li>8000次</li>
								<li>40000次</li> -->
							</ul>
							<!-- 第五行价格区 -->
							<div id="price">
								<!-- <strong class="fc-red">￥1200</strong>
								<span class="fz-12">(约0.3000元/次),仅限企业实名购买</span> -->
							</div>
							<!-- 第六行 -->
							<a href="#">立即申请</a>
						</div>
					</div>
				</div>
			</section>
			<!-- 主体tab栏 -->
			<section id="APICont">
				<!-- 标题区 -->
				<div class="container">
					<ul id="APIContList" class="flex">
						<li class="active">API文档</li>
						<li>错误码参照</li>
						<li>示例代码</li>
						<li>联系我们</li>
					</ul>
				</div>
			</section>
			<section id="content">
				<div class="container cf">
					<!-- 地址区左侧内容 -->
					<div id="contentLt" class="fl">
						<div class="on pt-60 b-box" id="locationApi">
							<p>接口地址：http://op.juhe.cn/idcard/query</p>
							<p>返回格式：json</p>
							<p>请求方式：http get/post</p>
							<p>
								请求示例：http://op.juhe.cn/idcard/query?key=您申请的KEY&amp;idcard=&amp;realname=
							</p>
							<p>接口备注：error_code为0时计费</p>
							<a href="#">API测试工具</a>
							<h3 class="fw-bold">请求参数说明:</h3>
							<table>
								<thead>
									<tr class="fw-bold">
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
							<h3 class="fw-bold">返回参数说明:</h3>
							<table>
								<thead>
									<tr class="fw-bold">
										<th>名称</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
							<h3 class="fw-bold">
								JSON返回示例：<span>JSON在线格式化工具</span>
							</h3>
							<article>
								<p>{</p>
								<p>&quot;reason&quot;: &quot;成功&quot;,</p>
								<p>&quot;result&quot;: {</p>
								<p>&quot;realname&quot;: &quot;***&quot;,/*真实姓名*/</p>
								<p>
									&quot;idcard&quot;:
									&quot;******************&quot;,/*身份证号码*/
								</p>
								<p>
									&quot;orderid&quot;:&quot;J103202010151450419556&quot;,/*流水号*/
								</p>
								<p>&quot;res&quot;: 1 /*1：匹配 2：不匹配*/</p>
								<p>},</p>
								<p>&quot;error_code&quot;: 0</p>
								<p></p>
								<p>}</p>
								<p></p>
							</article>
						</div>
						<div class="pt-60 b-box">
							<p>接口地址：http://op.juhe.cn/idcard/query</p>
							<p>返回格式：json</p>
							<p>请求方式：http get/post</p>
							<p>
								请求示例：http://op.juhe.cn/idcard/query?key=您申请的KEY&amp;idcard=&amp;realname=
							</p>
							<p>接口备注：error_code为0时计费</p>
							<a href="#">API测试工具</a>
							<h3 class="fw-bold">请求参数说明:</h3>
							<table>
								<thead>
									<tr class="fw-bold">
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>是</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>是</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>否</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>是</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
							<h3 class="fw-bold">返回参数说明:</h3>
							<table>
								<thead>
									<tr class="fw-bold">
										<th>名称</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>idcard</td>
										<td>string</td>
										<td>身份证号码</td>
									</tr>
									<tr>
										<td>realname</td>
										<td>string</td>
										<td>姓名(UTF-8)</td>
									</tr>
									<tr>
										<td>orderid</td>
										<td>int</td>
										<td>传1时返回单号，默认不返回单号(建议传入)</td>
									</tr>
									<tr>
										<td>key</td>
										<td>string</td>
										<td>在个人中心->我的数据,接口名称上方查看</td>
									</tr>
								</tbody>
							</table>
							<h3 class="fw-bold">
								JSON返回示例：<span>JSON在线格式化工具</span>
							</h3>
							<article>
								<p>{</p>
								<p>&quot;reason&quot;: &quot;成功&quot;,</p>
								<p>&quot;result&quot;: {</p>
								<p>&quot;realname&quot;: &quot;***&quot;,/*真实姓名*/</p>
								<p>
									&quot;idcard&quot;:
									&quot;******************&quot;,/*身份证号码*/
								</p>
								<p>
									&quot;orderid&quot;:&quot;J103202010151450419556&quot;,/*流水号*/
								</p>
								<p>&quot;res&quot;: 1 /*1：匹配 2：不匹配*/</p>
								<p>},</p>
								<p>&quot;error_code&quot;: 0</p>
								<p></p>
								<p>}</p>
								<p></p>
							</article>
						</div>
						<div class="pt-60 b-box">
							<h3 class="fw-bold">
								JSON返回示例：<span>JSON在线格式化工具</span>
							</h3>
							<article>
								<p>{</p>
								<p>&quot;reason&quot;: &quot;成功&quot;,</p>
								<p>&quot;result&quot;: {</p>
								<p>&quot;realname&quot;: &quot;***&quot;,/*真实姓名*/</p>
								<p>
									&quot;idcard&quot;:
									&quot;******************&quot;,/*身份证号码*/
								</p>
								<p>
									&quot;orderid&quot;:&quot;J103202010151450419556&quot;,/*流水号*/
								</p>
								<p>&quot;res&quot;: 1 /*1：匹配 2：不匹配*/</p>
								<p>},</p>
								<p>&quot;error_code&quot;: 0</p>
								<p></p>
								<p>}</p>
								<p></p>
							</article>
						</div>
						<div class="pt-60 b-box">
							<h3 class="fw-bold">联系我们</h3>
							<table>
								<thead>
									<tr class="fw-bold">
										<th>内容</th>
										<th>详细</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>售前咨询①:</td>
										<td>0512-88869195</td>
									</tr>
									<tr>
										<td>客服热线:</td>
										<td>400-882-7715</td>
									</tr>
									<tr>
										<td>在线客服QQ:</td>
										<td>800076065</td>
									</tr>
									<tr>
										<td>接口测试:</td>
										<td>API测试工具</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
					<!-- 右侧内容 -->
					<div id="contentRt" class="fr pt-60 b-box">
						<h3>活动推荐/Activity</h3>
						<img src="../imgs/sfz-aside1.png" alt="图片已损坏" />
						<img src="../imgs/details-aside02.png" alt="图片已损坏" />
						<img src="../imgs/details-aside03.png" alt="图片已损坏" />
						<h3>猜你喜欢</h3>
						<ul id="contentRtList">
							<li>
								<div>
									<img src="../imgs/API22.jpg" alt="" />
								</div>
								<div>
									<h3>短信API服务</h3>
									<p>三网合一短信通道，验证码短信 · 系统通知 · 活动通知</p>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API22.jpg" alt="" />
								</div>
								<div>
									<h3>银行卡四元素校验</h3>
									<p>
										检测输入的姓名、手机号码、身份证号码、银行卡号是否一致。
									</p>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API22.jpg" alt="" />
								</div>
								<div>
									<h3>身份证查询</h3>
									<p>身份证归属地信息查询身份证归属地信息查询</p>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API22.jpg" alt="" />
								</div>
								<div>
									<h3>身份证OCR识别</h3>
									<p>
										支持对二代居民身份证正反面的关键字段识别，包括姓名、性别、民族、出生日期、住址、
										身份证号、签发机关、有效期限，准确率98%以上
									</p>
								</div>
							</li>
							<li>
								<div>
									<img src="../imgs/API22.jpg" alt="" />
								</div>
								<div>
									<h3>三网手机实名制认证</h3>
									<p>
										支持移动、联通号码；检验姓名、身份证、手机号码是否一致。
									</p>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</section>
			<!-- 广告区 -->
			<section id="adv">
				<div class="container">
					<div class="bigTitle text-c pt-70 b-box">
						<h1>现在注册，百款接口免费测试</h1>
						<p>
							<a href="#">免费注册</a>
						</p>
					</div>
				</div>
			</section>
		</main>
		<!-- 尾部 -->
		<footer id="footer">
			<div class="container">
				<!-- 上面 -->
				<div id="footerTop" class="flex-c-sb">
					<!-- 左边列表 -->
					<ul id="footerList" class="flex-c-sb">
						<li class="smallTitle">
							<h3>联系与支持</h3>
							<p>
								<a href="#">400-882-7715</a>
							</p>
							<p>
								<a href="#">售前咨询</a>
							</p>
							<p>
								<a href="#">客服&售后</a>
							</p>
							<p>
								<a href="#">常见问题</a>
							</p>
							<p>
								<a href="#">极速工单</a>
							</p>
							<p>
								<a href="#">投诉与建议</a>
							</p>
						</li>
						<li class="smallTitle">
							<h3>关于源码</h3>
							<p>
								<a href="#">400-882-7715</a>
							</p>
							<p>
								<a href="#">合作伙伴</a>
							</p>
							<p>
								<a href="#">服务条款</a>
							</p>
							<p>
								<a href="#">隐私政策</a>
							</p>
							<p>
								<a href="#">市场合作</a>
							</p>
							<p>
								<a href="#">反商业贿赂声明</a>
							</p>
						</li>
						<li class="smallTitle">
							<h3>快速入口</h3>
							<p>
								<a href="#">400-882-7715</a>
							</p>
							<p>
								<a href="#">API数据</a>
							</p>
							<p>
								<a href="#">黑钻会员</a>
							</p>
							<p>
								<a href="#">新闻动态</a>
							</p>
							<p>
								<a href="#">联系我们</a>
							</p>
							<p>
								<a href="#">加入我们</a>
							</p>
						</li>
						<li class="smallTitle">
							<h3>产品服务</h3>
							<p>
								<a href="#">400-882-7715</a>
							</p>
							<p>
								<a href="#">云监测</a>
							</p>
							<p>
								<a href="#">云查询</a>
							</p>
							<p>
								<a href="#">云助手</a>
							</p>
							<p>
								<a href="#">聚盒子</a>
							</p>
							<p>
								<a href="#">云充值</a>
							</p>
						</li>
						<li class="smallTitle">
							<h3>解决方案</h3>
							<p>
								<a href="#">400-882-7715</a>
							</p>
							<p>
								<a href="#">数字中台</a>
							</p>
							<p>
								<a href="#">生命周期管理</a>
							</p>
							<p>
								<a href="#">助力企业营销</a>
							</p>
							<p>
								<a href="#">极速工单</a>
							</p>
							<p>
								<a href="#">极速工单</a>
							</p>
						</li>
					</ul>
					<!-- 右边微信二维码 -->
					<div id="weChat">
						<div class="smallTitle">
							<h3>微信公众号</h3>
							<p>
								<a href="#">源码时代</a>
							</p>
							<img src="../imgs/showqrcode.jpg" alt="图片已损坏" />
						</div>
					</div>
				</div>
				<!-- 下面 -->
				<div id="footerBottom" class="cf">
					<!-- 左边 -->
					<div class="fc-gray fz-12 fl">
						<p>
							<img src="../imgs/bei2.png" alt="图片已损坏" />
							<img src="../imgs/bei1.png" alt="图片已损坏" />
							增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
						</p>
					</div>
					<!-- 右边 -->
					<div class="fc-gray fz-12 fr">
						<p>源码大数据股份有限公司©版权所有</p>
					</div>
				</div>
			</div>
		</footer>
		<!-- 1.引入util的JS -->
		<script src="../js/util.js"></script>
		<!-- 2.引入canvas-particle的JS -->
		<script type="text/javascript" src="../lib/canvas-particle.js"></script>
		<!-- 3.引入当前页的JS -->
		<script src="../js/api-detail.js"></script>
		<script>
			console.log($("#adv"));
		</script>
	</body>
</html>
